<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>index</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="css/content.css" />
    <link rel="stylesheet" href="css/media.css" />
    <!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>
    <!-- header -->
    <div class="header clearfix">
        <div class="menuBtn"></div>
        <div class="logo fl"> <a href="index.html"><img src="images/logo.png" /></a></div>
        <div class="nav fr">
            <ul class="clearfix">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于善待</a></li>
                <li><a href="hall.html">善待乐活馆</a></li>
                <li><a href="machine.html">善待灵机</a></li>
                <li><a href="plan.html">品牌优选计划</a></li>
                <li><a href="activity.html">公益活动</a></li>
            </ul>
        </div>
    </div>
    <!-- header-end -->
    <!-- banner -->
    <div class="inner-banner" style="background-image: url(images/machine-banner.jpg)">
        <div class="in-tit">
            <h1 class=" wow zoomIn">善待灵机</h1>
            <h4 class="wow zoomIn">致力于中国智能消费终端第一品牌</h4>
        </div>
    </div>
    <!--banner-end-->
    <!-- 主体 -->
    <!-- 简介 -->

    <section class="brief-sec" style="background-image: url(images/brief-bg.jpg)">
        <div class="brief-con wow fadeInUp">
            善待灵机将于2019年在全国首批铺设<b>二十万</b>台扶贫售货机，铺设完成后，将成为全国
            规模最大的智能自动售货机运营服务商。
        </div>

    </section>
    <!-- 六大场所 -->
    <section class="place-sec">
        <header class="comm-header wow fadeInUp"><span>六大场所</span></header>
        <div class="place-list">
            <ul class=" clearfix">
                <li>
                    <section>
                        <div class="inner-wrap">
                            <div class="p-icon"><img src="./images/p1.png" /></div>
                            <div class="p-con">交通枢纽</div>
                        </div>
                        <img src="./images/place.jpg" class="p-hidden-img" />
                    </section>
                </li>
                <li>
                    <section>
                        <div class="inner-wrap">
                            <div class="p-icon"><img src="./images/p1.png" /></div>
                            <div class="p-con">交通枢纽</div>
                        </div>
                        <img src="./images/place.jpg" class="p-hidden-img" />
                    </section>
                </li>
                <li>
                    <section>
                        <div class="inner-wrap">
                            <div class="p-icon"><img src="./images/p3.png" /></div>
                            <div class="p-con">产业园</div>
                        </div>
                        <img src="./images/place.jpg" class="p-hidden-img" />
                    </section>
                </li>
                <li>
                    <section>
                        <div class="inner-wrap">
                            <div class="p-icon"><img src="./images/p4.png" /></div>
                            <div class="p-con">景区</div>
                        </div>
                        <img src="./images/place.jpg" class="p-hidden-img" />
                    </section>
                </li>
                <li>
                    <section>
                        <div class="inner-wrap">
                            <div class="p-icon"><img src="./images/p5.png" /></div>
                            <div class="p-con">办公区</div>
                        </div>
                        <img src="./images/place.jpg" class="p-hidden-img" />
                    </section>
                </li>
                <li>
                    <section>
                        <div class="inner-wrap">
                            <div class="p-icon"><img src="./images/p6.png" /></div>
                            <div class="p-con">校园</div>
                        </div>
                        <img src="./images/place.jpg" class="p-hidden-img" />
                    </section>
                </li>
            </ul>



        </div>

    </section>

    <!-- 合作方式 -->

    <section class="ways-sec" style="background-image: url(images/ways-bg.jpg)">
        <div class="form-shadow"></div>
        <header class="comm-header wow fadeInUp"><span>合作方式</span></header>
        <ul class="ways-list wow fadeInUp">
            <li>
                <div class="ways-icon"><img src="./images/w1.png" /></div>
                <dl class="ways-dl">
                    <dt>视频类合作</dt>
                    <dd>轮播视频</dd>
                    <dd>锁定视频</dd>
                </dl>
            </li>
            <li>
                <div class="ways-icon"><img src="./images/w2.png" /></div>
                <dl class="ways-dl">
                    <dt>机身广告</dt>
                    <dd>全机身广告</dd>
                    <dd>机身侧面广告</dd>
                </dl>
            </li>
        </ul>
    </section>


    <!-- 合城市合伙人案例案例 -->
    <section class="case-sec" style="background-image: url(images/case-bg.jpg)">
        <header class="comm-header case-sec-header wow fadeInUp"><span>合作案例</span></header>
        <!-- Swiper -->
        <div class="swiper-container wow fadeInUp">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/c1.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/c2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/c3.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h1.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>



    </section>

    <!-- 联系我们 -->

    <section class="form-sec" style="background-image: url(images/form-bg.jpg)">
        <div class="form-shadow"></div>

        <div class="form-sec-con wow fadeInUp">
            <header class="form-header">如果想与我们取得合作，请填写以下信息</header>
            <small class="form-tip">
                我们收到您的留言信息后会第一时间联系您
            </small>
            <form action="" class="">
                <div class="form-item">
                    <label>姓名：</label>
                    <input type="text" class="form-text" />
                </div>
                <div class="form-item">
                    <label>电话</label>
                    <input type="text" class="form-text" />
                </div>
                <div class="form-item">
                    <button class="sub-btn">提交</button>
                </div>
            </form>
        </div>
    </section>
    <!-- 主体-end -->
    <!-- footer -->

    <footer class="pg-footer wow fadeIn">
        <div class="ft-fl">
            <ul class="ft-nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="">善待乐活馆会员</a></li>
                <li><a href="">广告合作</a></li>
                <li><a href="about.html">善待集团</a></li>
                <li><a href="activity.html">公益活动</a></li>
            </ul>
            <div class="ft-info">
                <p class="tel">电话：400-600-6900</p>
                <p class="address">地址：北京市朝阳区大望路36号</p>
            </div>
        </div>
        <div class="ft-fr">
            <ul class="wx-list clearfix">
                <li>
                    <img src="./images/wechat.jpg" />
                    <span class="wx-name">官网微信</span>
                </li>
                <li>
                    <img src="./images/wechat3.jpg" />
                    <span class="wx-name">官网微博</span>
                </li>
                <li>
                    <img src="./images/wechat2.jpg" />
                    <span class="wx-name">有赞商城</span>
                </li>
            </ul>
            <div class="copyRight"><span>©2011 善待集团. 版权所有. 京ICP备11027678号-1</span> <span>技术支持：<a
                        href="www.bjqianchen.com">千晨科技</a></span></div>
        </div>

    </footer>
    <!--footer-end-->
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(".header .nav ul>li").eq(3).addClass("active");
    </script>
</body>

</html>